//  TODO  登录注册表单切换
$('#showReg').click(() => {
    // 显示注册 隐藏登录
    $('.reg-form').show()
    $('.login-form').hide()
})

$('#showLogin').click(() => {
    // 显示登录 隐藏注册
    $('.reg-form').hide()
    $('.login-form').show()
})


// 校验
// 1.添加自定义校验规则
// 2.使用自定义校验规则 
const form = layui.form
form.verify({
    //我们既支持上述函数式的方式，也支持下述数组的形式
    //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
    pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],

    // 确认密码的校验
    // repwd: function (value) {
    repwd(value) {
        // value 表单的值  item 表单的dom对象
        if ($('#pwdIpt').val() !== value) {
            return '俩次密码不一致'
        }
    }
});


const layer = layui.layer
// 注册功能
$('.reg-form').on('submit', async function (e) {
    e.preventDefault()
    const data = $(this).serialize()
    const { data: { status, message } } = await axios.post('/api/reguser', data)
    if (status !== 0) return layer.msg(message)
    layer.msg(`恭喜你，${message}`)

    // 当注册成功是  展示登录页面
    $('#showLogin').click()
})



// 登录功能
$('.login-form').on('submit', async function (e) {
    e.preventDefault()
    const data = $(this).serialize()
    const { data: { status, message, token } } = await axios.post('/api/login', data)
    if (status !== 0) return layer.msg(message)
    // layer.msg(`恭喜你，${message},即将跳转首页`)

    // //需要跳转页面(index.html)
    // //  / 代表根路径
    // setTimeout(() => {
    //     location.href = '/index.html'
    // }, 5000)

    // 把token令牌存到表单存储里面  会面以my开头的api接口需要token 认证身份
    localStorage.setItem('big-event-token', token)


    layer.msg(`恭喜你，${message},即将跳转首页`, {
        icon: 1,
        time: 2000 // 设置 2 秒后自动关闭
    }, function () {
        location.href = '/index.html'
    });
})

